<div style="color:#eee;">
	<table width="100%" >
        <tr>
			<td width="30%"> Current Streak </td>
			<td width="20%"> <%= user.current_winstreak_count %> </td>
			<td width="30%"> Best Streak </td>
			<td width="20%"> <%= user.best_winstreak && user.best_winstreak.streak_count || 0  %> </td>
        </tr>
        <tr>
            <td> Win/Loss % </td>
            <td> <%= user.win_percentage %>% </td>
            <td> Total Bets Made </td>
            <td> <%= user.bets.count %> </td>
         </tr>
        <tr>
			<td></td>
			<td></td>
			<td style="font-weight:bold">
				<a href="http://apps.facebook.com/<%=FB_NAME%>/point_history" style="font-weight:bold; color:#eee">WinPoints</a>
				<span style="position:relative; top:4px; height:5px;"><%=image_tag 'winpoint.png'%></span>
			</td>
			<td style="font-weight:bold;vertical-align:bottom;">
				<a href="http://apps.facebook.com/<%=FB_NAME%>/point_history" style="font-weight:bold; color:#eee"><%= user.point%></a> <%= user.point_histories.last && user.point_histories.last.earning ? "<font color=#00ff00>&nbsp;+#{user.point_histories.last && user.point_histories.last.point}</font>" : "<font color=#ff0000>&nbsp;-#{user.point_histories.last && user.point_histories.last.point}" if user.point_histories.size > 0%>
			</td>
        </tr>
    </table>
</div>
